<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>车型图片展示</title>
<style type="text/css">
</style>
<link type="text/css" rel="stylesheet" href="{DT_SKIN}css/common.css" />
<link type="text/css" rel="stylesheet" href="{DT_SKIN}css/picture.css" />
<link type="text/css" rel="stylesheet" href="{DT_SKIN}css/tn3/tn3.css" />
<script type="text/javascript" src="{DT_SKIN}autojs/jquery.js"></script>
<script type="text/javascript" src="{DT_SKIN}js/jquery.tn3lite.min.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		//Thumbnailer.config.shaderOpacity = 1;
		var tn1 = $('.mygallery').tn3({
            skinDir:"skins",
            imageClick:"fullscreen",
            image:{
            maxZoom:1.5,
            crop:true,
            clickEvent:"dblclick",
            transitions:[{
            type:"blinds"
            },{
            type:"grid"
            },{
            type:"grid",
            duration:460,
            easing:"easeInQuad",
            gridX:1,
            gridY:8,
            // flat, diagonal, circle, random
            sort:"random",
            sortReverse:false,
            diagonalStart:"bl",
            // fade, scale
            method:"scale",
            partDuration:360,
            partEasing:"easeOutSine",
            partDirection:"left"
            }]
            }
		});
	});
</script>
</head>
<body>
    <div class="content clear">
	    <div class="content-title clear">
	    	<p><span>分类:</span>{$Category[$one['cid']]}</p>
	    	<p><span>车型:</span>{$one['autoname']}</p>
	    </div>
    <div class="mygallery">
	<div class="tn3 album">
	    <h4>{$one['autoname']}图片</h4>
	    <div class="tn3 description"></div>
	    <div class="tn3 thumb"></div>
	    <ol>
            {loop $lists $k $v}
            <li>
                <h4>{$v['name']}</h4>
                <div class="tn3 description">{$v['name']}</div>
                <a href="{$v['imgurl']}">
                <img src="{$v['thumb']}" />
                </a>
            </li>
            {/loop}
	    </ol>
	</div>
    </div>
</div>
</body>
</html>



